<style>
.tab-pane{
	position: relative; 
	margin: 10px;
}
.box-footer{
	margin-left: 50px;
	padding-bottom: 20px;
}

</style>

    <{include file='../common_params.tpl'}>
    <input type="hidden" id="roleId" name="rolrId" value="<{$roleId}>" />
    <div class="nav-tabs-custom">
            <ul class="nav nav-tabs">
            	<li><a data-toggle="tab" class="grid-tab" href="#a">基本信息</a></li>
                <li><a data-toggle="tab" class="grid-tab" href="#b">身上装备</a></li>
                <li><a data-toggle="tab" class="grid-tab" href="#c">背包物品</a></li>
                <li><a data-toggle="tab" class="grid-tab" href="#d">玩家技能</a></li>
                <li><a data-toggle="tab" class="grid-tab" href="#e">玩家属性</a></li>
                <li><a data-toggle="tab" class="grid-tab" href="#f">玩家符文</a></li>
                <li><a data-toggle="tab" class="grid-tab" href="#g">玩家聚魂</a></li>
                <li><a data-toggle="tab" class="grid-tab" href="#h">玩家称号</a></li>
                <li><a data-toggle="tab" class="grid-tab" href="#i">玩家时装</a></li>
                <li><a data-toggle="tab" class="grid-tab" href="#j">玩家剑魂</a></li>
                <li><a data-toggle="tab" class="grid-tab" href="#k">玩家幻形</a></li>
                <li><a data-toggle="tab" class="grid-tab" href="#l">玩家帮派</a></li>
                <li><a data-toggle="tab" class="grid-tab" href="#m">玩家成就</a></li>
            </ul>

            <div class="tab-content no-padding">
                <div id="a" class="tab-pane active" data-url="?r=player/basic_info&g=<{$game}>">
                	aaaaa
                </div>
                
                <div id="b" class="tab-pane active" data-url="?r=player/equipment&g=<{$game}>">
                	bbbbb
                </div>
                
                
                <div id="c" class="tab-pane active" data-url="?r=player/goods&g=<{$game}>">
                	ccccc
                </div>
                
                <div id="d" class="tab-pane active" data-url="?r=player/skill&g=<{$game}>">
                	ddddd
                </div>
                
                <div id="e" class="tab-pane active" data-url="?r=player/attribute&g=<{$game}>">
                	eeeee
                </div>
                
                <div id="f" class="tab-pane active" data-url="?r=player/rune&g=<{$game}>">
                	fffff
                </div>
                
                <div id="g" class="tab-pane active" data-url="?r=player/soul&g=<{$game}>">
                	ggggg
                </div>
                
                <div id="h" class="tab-pane active" data-url="?r=player/title&g=<{$game}>">
                	hhhhh
                </div>
                
                <div id="i" class="tab-pane active" data-url="?r=player/fashion&g=<{$game}>">
                	iiiii
                </div>
                
                <div id="j" class="tab-pane active" data-url="?r=player/sword&g=<{$game}>">
                	jjjjj
                </div>
                
                <div id="k" class="tab-pane active" data-url="?r=player/metamorphosis&g=<{$game}>">
                	kkkkk
                </div>
                
                <div id="l" class="tab-pane active" data-url="?r=player/faction&g=<{$game}>">
                	lllll
                </div>
                
                <div id="m" class="tab-pane active" data-url="?r=player/achievement&g=<{$game}>">
                	mmmmm
                </div>
                
            </div>
            
            <div class="box-footer">
            	<a href="javascript:history.go(-1);" class="btn btn-default">返回</a>
            </div>
     </div>
    
    


<script>
    $(function(){   	
    	if($("a.grid-tab").length > 0) $("a.grid-tab").first().click();
    	
    	var href = $("a.grid-tab").first().attr('href');
    	var url = $(href).first().attr('data-url');
    	var roleId = $("#roleId").val();
    	ajax(url,roleId,href);
    	
    	
    	$("a.grid-tab").click(function(){
    		var flag = true;
    		var href = $(this).attr('href');
    		var url = $(href).attr('data-url');
    		if(url == undefined){
    			flag = false;
    		}
    		var roleId = $("#roleId").val();
    		if(flag){
    			ajax(url,roleId,href);
    		}else{
    			$(href).html('功能还未开发');
    		}
    		
    	});
    	
    	
    	function ajax(url,roleId,href){
    		$.ajax({
    			type : 'POST',
    			url : url,
				data : {'roleId':roleId},
				dataType :'html',
				success : function(res){
					$(href).html(res);
				}
			});
    	}
    	
    });
</script>